<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/commen.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/index8.css">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
    <header>
   <nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
   <div class="navbar-header">
       <!-- 一个logo -->
        
       <a class="navbar-brand hover_logo " href="#">
       	
       	     <img alt="Brand" src="images/logo.png" class="img img_logo  img-responsive">
       </a>
           

      <!-- id="bs-example-navbar-collapse-1" -->

     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
  
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


      <ul class="nav  nav-stacked navbar-nav  navbar-right">

        <li><a href="index1.html">HOME</a></li>
        <li class="ahover"><a href="index2.html" target="_blank">走进尚典</a></li>
        <li><a href="index3.html" target="_blank">尚典视频</a></li>
        <li><a href="index4.html" target="_blank">产品中心</a></li>
        <li><a href="index5.html" target="_blank">授权查询 </a></li>
        <li><a href="index6.html" target="_blank">联系我们</a></li>
        


         
      </ul>
    </div><!-- /.navbar-collapse -->


  </div><!-- /.container-fluid -->

</nav>
</header>

<!-- header end -->
<div class="container-fluid banner_top">
	 
	 <img src="images/index2_banner.png" class="img img-responsive">


</div>

<!-- banner end -->

<div class="concate">
	
	<div class="container">
		 
         <div class="row">
         	<div class="col-md-12 bottom_border">
         		  <div class="col-md-7 col_none">
	 	 	 	 	    <h4 class="tubiao_title"><span class=" icon-home tubiao"></span>联系我们</h4>
	 	 	 	 	</div>
	 	 	 	 	<div class="col-md-5 line_height  text-right">
	 	 	 	 		 <span>当前位置：</span>
	 	 	 	 		 <a href="#">首页 </a>
	 	 	 	 		 <span>&gt;</span>
	 	 	 	 		 <a href="#">联系我们 </a>
	 	 	 	 		
	 	 	 	 		 
	 	 	      </div>

         	</div>
         </div> 

         <div class="col-md-12">
           <h4 class="concate_title">当您进入“联系我们”的页面时，您已成为我们最尊贵的客户，您可以通过以下几种方式联系到我们</h4>
         </div>
         <div class="col-md-12 concate_bottom">
         	
         	<div class="col-md-6 concate_border" >
         	  <img src="images/concate_map.png" class="img img-responsive">
         </div>
         <div class="col-md-6">
         	  <ul class="concate_uls">
         	        <li>招商热线:400-9900-538</li>
         	        <li>邮&nbsp;&nbsp; &nbsp;&nbsp;箱：1205871811@qq.com </li>
         	        <li>电&nbsp;&nbsp; &nbsp;&nbsp;话：020-82552360  186-2069-2068</li>
         	        <li>传&nbsp;&nbsp; &nbsp;&nbsp;真：020-82552360 </li>
         	        <li>地&nbsp;&nbsp; &nbsp;&nbsp;址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502</li>

         	  </ul>
         </div>



         </div>

         <div class="col-md-12 text-center">
         	 
         	  <form action="">
         	  	
         	  	 <div class="col-md-4 col-sm-12 col-xs-12"><input type="text" placeholder="称呼" /></div>
         	  	 <div class="col-md-4 col-sm-12 col-xs-12 "><input type="text" placeholder="电话"/></div>
         	  	 <div class="col-md-4 col-sm-12 col-xs-12 "><input type="text" placeholder="邮箱"/></div>
         	  	 <div class="col-md-12">
         	  	 	 
         	  	 	 <textarea rows="10" cols="30"></textarea>

         	  	 </div>
         	  	 <div class="col-md-12">
         	  	 	 
         	  	 	 <input type="submit" value="提交" class="btn" />

         	  	 </div>

         	  </form>

         </div>
	</div>
</div>

<!-- contact end -->


<footer>
    
    <div class="container">
         <div class="row">
              <div class="col-md-2 text-center">
                  <img src="images/footer_logo.png">
              </div>
              <div class="col-md-3 col-sm-3 col-xs-5 text-left  border_ font_size">
                  <h2 class="footer_titel">导航 NAVIGATION</h2>
                  <div class="col-md-5 col-sm-6 col-xs-7 ">
                      <ul class="uls">
                        <li>网站首页</li>
                        <li>新闻动态</li>
                        <li>产品中心 </li>
                        <li>联系我们</li>
                      </ul>
                  </div>
                  <div class="col-md-5 col-sm-5 col-xs-5 text-left foot_padd">
                      <ul class="uls">
                        <li>走进尚典</li>
                        <li>尚典视频 </li>
                        <li>授权查询</li>
                        
                      </ul>
                  </div>
              </div>
              <div class="col-md-5 col-sm-5 col-xs-7 text-left border_  font_size">
                  <h2 class="footer_titel">联系 CONTACT</h2>
                  <div class="col-md-12 text-left">
                       <ul class="uls">
                        <li>地址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502</li>
                        <li>联系电话：400-1886-1345 </li>
                        <li>邮箱：203841290@qq.com</li>
                        <li>香港闻名生物有限公司版权所有 粤ICP备0754673 </li>
                        
                      </ul>
                  </div>

              </div>
              <div class="col-md-2 col-sm-2 col-xs-12 text-center footer_img">
                  <img src="images/footer_erwei.png">
              </div>
         </div>
    </div>

</footer>
</body>
</html>